import React, { FC } from "react";
import { DatePicker, Space, Typography } from "antd";
import type { DatePickerProps } from "antd";
import type { Dayjs } from "dayjs";
const { Title } = Typography;
type IProps = {
  onChangeHandle: DatePickerProps<Dayjs>["onChange"];
};
const HeaderSelect: FC<IProps> = (props) => {
  const { onChangeHandle } = props;
  return (
    <div>
      <Space>
        <Title level={5} style={{ paddingTop: "3px" }}>
          时间范围:
        </Title>
        <DatePicker
          onChange={onChangeHandle}
          needConfirm
          style={{ width: "260px" }}
        />
      </Space>
    </div>
  );
};

export default HeaderSelect;
